<%@include file="/include/html.jsp"%>
<%-- Aqui se pone el titulo de la pagina --%>
<title>Comercio Electronico - Bienvenido</title>
<%@include file="/include/cabecera.jsp"%>
        <style type="text/css">
#s5_mainbackmiddle {
	width:950px;}

#s5_topback {
	width:926px;}

#s5_bottomtop {
	width:926px;}

#s5_bottommiddle {
	width:926px;}

#s5_maininner {
	width:904px;}

#s5_footer {
	width:950px;}

#s5_topleftbottom {
	width:926px;}

#s5_mainbody {
	width:632px;}

</style>

<div id="s5_background">
    <div id="s5_topbackground">
	<!--- wrapper, includes main menu, logo, search and top menu -->
        <div id="s5_topback">
            <div id="s5_topleft">
                <div id="s5_topblock">
                    <div id="s5_logo" style="cursor:pointer;" onclick="window.document.location.href='#'">
                    </div>
                </div>

            </div>

            <div id="s5_topright">
                <div id="s5_topblock">
                    <div id="s5_search">
                        <div class="moduletable">

                        <form action="#" method="get">
                            <div class="search">
                                    <input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox" type="text" size="20" value="search..."  onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" />
                            </div>
                            <input type="hidden" name="option" value="com_search" />
                            <input type="hidden" name="Itemid" value="5" />
                        </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	<!--- end wrapper -->
        <div id="s5_topleftbottom">
            <div id="s5_mainmenu">
                 <div id="s5_mainmenuleft"></div>
                 <div id="s5_mainmenumiddle">
                    <div id="navv">
                        <ul onmouseover="check_id()" id="s5_fm_ul0">
                            <li><span class="s5_outer_active"><span class="s5_outer"><a id="active0" href="indexc37c.html?option=com_virtuemart&amp;Itemid=73" class="active">Inicio</a></span></span></li>

                            <li id="s5_fm_li1"><span class="s5_outer"><span><a href="#" class="main" id="s5_fm_aa1">Empresas</a></span></span>
		<ul onmouseover="check_id()" id="s5_fm_ul1" style="overflow: visible; opacity: 0; height: 96px; width: 211px; display: none; visibility: hidden;">
			<li class="noback"><span><span><a href="index.html">Drop In Effect Example</a></span></span></li>
			<li class="noback"><span><span><a href="style1/index.html">Standard Suckerfish Example</a></span></span></li>
			<li class="noback" id="s5_fm_li2"><span><span><a class="parent" href="javascript:;" id="s5_fm_aa2" style="background-image: url(http://www.shape5.com/demo/emercantilism/templates/emercantilism/images/sublevel_arrow.gif); background-repeat: no-repeat; background-position: right center;">Dummy Item</a></span></span>
		<ul onmouseover="check_id()" id="s5_fm_ul2" style="overflow: visible; opacity: 0; height: 109px; width: 211px; display: none; visibility: hidden;"><li class="s5_menutop"/>
			<li><span><span><a href="javascript:;">Dummy Item</a></span></span></li>
			<li><span><span><a href="javascript:;">Dummy Item</a></span></span></li>
			<li class="lastitem" id="s5_fm_li3"><span><span><a class="parent" href="javascript:;" id="s5_fm_aa3" style="background-image: url(http://www.shape5.com/demo/emercantilism/templates/emercantilism/images/sublevel_arrow.gif); background-repeat: no-repeat; background-position: right center;">Dummy Item</a></span></span>
			<ul onmouseover="check_id()" id="s5_fm_ul3"><li class="s5_menutop"/>
				<li><span><span><a href="javascript:;">Dummy Item</a></span></span></li>
				<li><span><span><a href="javascript:;">Dummy Item</a></span></span></li>
				<li class="lastitem"><span><span><a href="javascript:;">Dummy Item</a></span></span></li>
			<li class="s5_menubottom_sub"/></ul></li>
		<li class="s5_menubottom_sub"/></ul></li>
		<li class="s5_menubottom"/></ul></li>

                <li id="s5_fm_li1"><span class="s5_outer"><span><a href="#" class="main" id="s5_fm_aa1">Acerca de</a></span></span>

                        </ul>

                     </div>
                 </div>
                <div id="s5_mainmenuright"></div>

            </div>

            <div id="s5_s5boxtab" onclick="shiftOpacity3('popup_div');shiftOpacity2('popup_outer');show_popup()">
                <div id="s5_s5boxleft"></div>
                    <div id="s5_s5boxmiddle">
                        <%String rol = (String)request.getAttribute("rol");
                            if(rol != null){
                               String usuario = (String)request.getAttribute("usuario");
                         %>
                         <span>Cerrar Sesi&oacute;n</span> <span style="color:#0174DF"><%=usuario.toUpperCase() %></span>
                         <%

                            }else{
                            %>



                            <span>Iniciar Sesei&oacute;n</span>
                        <%
                            }
                        %>




                        
                    </div>
            <div id="s5_s5boxright"></div>
            </div>
        </div>

    </div>

    <div class="clear:both;"></div>
    <div id="s5_topbackbottombar"/>
</div>
<div id="s5_mainbodywrapper">

    <div id="s5_mainbackmiddle">
			<div id="s5_maininnerleft"></div><!-- Raya costado izquierdo-->
			<div id="s5_maininner"><!-- Aqui comienza el medio-->


				<div id="s5_bottommiddle">

					<!-- ********************************** -->



                                      <div style="float:left;height:19px;width:100%;"></div>

					<div id="s5_bottomwrap">


						<div id="s5_user7_100">
							<div id="s5_user789_left">

									<div class="module">
			<div>
				<div>
					<div>

                                            <div id="index">
                <%String noexiste=(String)request.getSession().getAttribute("noexiste");  %>
                <form action="login" method="post" style="margin-left:200px;padding:10px" >
                    <fieldset class="caja" >
                        <legend>Iniciar Sesi&oacute;n</legend>


                        <% if(noexiste!=null){%>
                        <p>
                            <span style="color:red;font-size:14px;"><%=noexiste%></span>
                        </p>
                        <%}%>
                        <div class="llenar" >

                            <label style="display:block">
                                <span>Usuario</span>
                            </label>
                            <span class="validacion">
                                <input type="text" name="usuario" id="usuario" style="display:block"/>
                                    <script type="text/javascript">
                                    var usuario = new LiveValidation('usuario', { validMessage: '', wait: 400});
                                    usuario.add(Validate.Presence, {failureMessage: "Campo Vacio!"});
                                    usuario.add( Validate.Length, { minimum: 4 } );        /* , maximum: 8*/
                                    </script>
                            </span>
                            <label style="display:block">
                                <span>Password</span>
                            </label>
                            <span class="validacion">
                                <input type="password" name="password" id="password" style="display:block"/>
                                    <script type="text/javascript">
                                    var password = new LiveValidation('password', { validMessage: '', wait: 400});
                                    password.add(Validate.Presence, {failureMessage: "Campo Vacio!"});
                                    </script>
                            </span>
                            <!--div id="boton">
                                <input type="submit" value="Ingresar" style="display:block"/>
                            </div-->

                        </div>

                        <div style="float:right;width:123px;height:160px;background-image : url(imagenes/candado_reflejado.png);background-repeat:no-repeat">
                            <!--img alt="llave" src="imagenes/candado.png" /-->
                        </div>

                        <div style="width:350px;text-align:center;float:left;">
                                <button>Ingresar</button>
                            </div>
                    </fieldset>
                </form>
                                        </div>
                                        </div>

				</div>
			</div>
		</div>

						</div>
						</div>
							</div>


                                        <!-- ********************************** -->

       <%--div id="index">
                <%String noexiste=(String)request.getSession().getAttribute("noexiste");  %>
                <form action="login" method="post" >
                    <fieldset class="caja" >
                        <legend>Iniciar Sesi&oacute;n</legend>


                        <% if(noexiste!=null){%>
                        <p>
                            <span style="color:red;font-size:14px;"><%=noexiste%></span>
                        </p>
                        <%}%>
                        <div class="llenar" >

                            <label style="display:block">
                                <span>Usuario</span>
                            </label>
                            <span class="validacion">
                                <input type="text" name="usuario" id="usuario" style="display:block"/>
                                    <script type="text/javascript">
                                    var usuario = new LiveValidation('usuario', { validMessage: '', wait: 400});
                                    usuario.add(Validate.Presence, {failureMessage: "Campo Vacio!"});
                                    usuario.add( Validate.Length, { minimum: 4 } );        /* , maximum: 8*/
                                    </script>
                            </span>
                            <label style="display:block">
                                <span>Password</span>
                            </label>
                            <span class="validacion">
                                <input type="password" name="password" id="password" style="display:block"/>
                                    <script type="text/javascript">
                                    var password = new LiveValidation('password', { validMessage: '', wait: 400});
                                    password.add(Validate.Presence, {failureMessage: "Campo Vacio!"});
                                    </script>
                            </span>
                            <!--div id="boton">
                                <input type="submit" value="Ingresar" style="display:block"/>
                            </div-->

                        </div>

                        <div style="float:right;width:123px;height:160px;background-image : url(imagenes/candado_reflejado.png);background-repeat:no-repeat">
                            <!--img alt="llave" src="imagenes/candado.png" /-->
                        </div>

                        <div style="width:350px;text-align:center;float:left;">
                                <button>Ingresar</button>
                            </div>
                    </fieldset>
                </form>
            </div--%>
            <!--div style="float:right;padding-top:5px">
            <p>
                <a href="http://validator.w3.org/check?uri=referer" title="Validacion XHTML">
                    <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="30" width="90" border="0"/>
                </a>
            </p>
            </div-->

            </div>
        </div><!-- Aqui termina el medio-->
    <div id="s5_maininnerright"/><!-- Raya derecha-->

    </div></div></div></div>



</div>
        </div><!--termina id="principal"-->
        <!--div id="s5_topbackbottombar"/-->
    </body>
</html>
